
import { NavBar, Button } from 'react-vant'
import { useNavigate } from 'react-router-dom'
interface propsTypeRen {
}
export default function RenLian(props: propsTypeRen) {
    let navigate = useNavigate()

    return (
        <div>
            <NavBar
                title="扫脸登录"
                leftText="返回"
                rightText="按钮"
                onClickLeft={() => { navigate('/login') }}
                onClickRight={() => { navigate('/') }}
            />
            <img src="https://img2.baidu.com/it/u=583469800,2163839163&fm=253&fmt=auto?w=452&h=440" alt="" style={{ width: '43rem', height: '37rem' }} />
            <div  style={{width: '30rem',marginLeft:'7rem',marginTop:'8rem'}}>
                <Button type='primary' block round onClick={() => { navigate('/renf') }}>
                    开始人脸识别
                </Button>
            </div>
        </div>
    )
}